import React from 'react';
import { Card, Row, Col, Typography } from 'antd';
import { Link } from 'umi';

const { Title, Paragraph } = Typography;

const AIEdit: React.FC = () => {
  return (
    <div className="p-4">
      <Title level={2} className="mb-6">AI编辑</Title>
      <Paragraph className="mb-6">
        欢迎使用AI编辑功能，这里提供多种图片编辑工具，帮助您快速处理和优化图片。
        请选择下方的功能开始使用。
      </Paragraph>
      <Row gutter={[16, 16]}>
        <Col span={24} md={12} xl={8}>
          <Card hoverable className="h-full">
            <Link to="/edit/oneKeyImageMatting">
              <div className="text-center p-4">
                <div className="text-4xl mb-2">✂️</div>
                <Title level={4}>一键抠图</Title>
                <Paragraph>
                  自动识别图片中的主体并移除背景，实现快速抠图效果。
                </Paragraph>
              </div>
            </Link>
          </Card>
        </Col>
        <Col span={24} md={12} xl={8}>
          <Card hoverable className="h-full">
            <Link to="/edit/batchImageCropping">
              <div className="text-center p-4">
                <div className="text-4xl mb-2">🖼️</div>
                <Title level={4}>批量抠图</Title>
                <Paragraph>
                  同时处理多张图片，批量进行抠图操作，提高工作效率。
                </Paragraph>
              </div>
            </Link>
          </Card>
        </Col>
        <Col span={24} md={12} xl={8}>
          <Card hoverable className="h-full">
            <Link to="/edit/losslessImageEditing">
              <div className="text-center p-4">
                <div className="text-4xl mb-2">🎨</div>
                <Title level={4}>无损调图</Title>
                <Paragraph>
                  对图片进行亮度、对比度、色彩等调整，保持图片质量。
                </Paragraph>
              </div>
            </Link>
          </Card>
        </Col>
        <Col span={24} md={12} xl={8}>
          <Card hoverable className="h-full">
            <Link to="/edit/oneKeyImageEnlargement">
              <div className="text-center p-4">
                <div className="text-4xl mb-2">🔍</div>
                <Title level={4}>一键扩图</Title>
                <Paragraph>
                  智能扩展图片边界，保持图像内容和风格的一致性。
                </Paragraph>
              </div>
            </Link>
          </Card>
        </Col>
        <Col span={24} md={12} xl={8}>
          <Card hoverable className="h-full">
            <Link to="/edit/watermarkRemoval">
              <div className="text-center p-4">
                <div className="text-4xl mb-2">🚫</div>
                <Title level={4}>水印清除</Title>
                <Paragraph>
                  自动识别并移除图片中的水印、文字或其他不需要的元素。
                </Paragraph>
              </div>
            </Link>
          </Card>
        </Col>
        <Col span={24} md={12} xl={8}>
          <Card hoverable className="h-full">
            <Link to="/edit/intelligentDeletion">
              <div className="text-center p-4">
                <div className="text-4xl mb-2">🧹</div>
                <Title level={4}>智能清除</Title>
                <Paragraph>
                  智能识别并清除图片中不需要的物体或人物，填充背景。
                </Paragraph>
              </div>
            </Link>
          </Card>
        </Col>
      </Row>
    </div>
  );
};

export default AIEdit;